<template>
  <div class="main">
    <div>
      <div class="title1">
        <span>南沙区东涌镇大同村情况简介</span>
      </div>
      <div class="close" @click="close">X</div>
      <div class="contentContainer">
        <div class="imgContainer">
          <img src="@/assets/大同村照片/pic1.png" />
          <img src="@/assets/大同村照片/pic2.png" />
        </div>
        <div class="textContainer">
          <div v-for="(data, index) in contentList" :key="index">
            <div class="title2">{{ data.key }}</div>
            <div class="content">{{ data.value }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/* eslint-disable */
import pubsub from "pubsub-js";

export default {
  name: "villageIntroduction",
  data() {
    return {
      contentList: [
        {
          key: "地理位置",
          value:
            "大同村位于东涌镇的北部，北靠沙湾水道，东接骝岗水道与石基村相望，西邻西樵水道，南接西樵村，是多条交通大动脉的交汇点，是东涌镇离番禺区最近的一条村。",
        },
        {
          key: "区划人口",
          value:
            "共有1个行政村，全村共有14个村民小组，股份数2739股，户代表数1318户，村民代表89名，党员95名。辖区内常住人口16042人，其中户籍人口3412人，来穗人员12630人。五保6户，低保11户，残疾人111名，退役军人72名，现役军人2名。",
        },
        {
          key: "土地资源",
          value:
            "土地总面积6150亩，其中厂房30亩，林地1378亩，耕地1180亩。截至目前，已征地2400亩。",
        },
        {
          key: "河涌情况",
          value:
            "大同村辖区有4条河涌、分别是南边月涌、十二队涌、老丫涌、老丫涌支涌。",
        },
        {
          key: "渔船数量",
          value: "渔政管的内河渔船10只，乡镇船舶39只（白色铁牌）。",
        },
        {
          key: "历史文化",
          value:
            "世居村民姓氏主要有梁、何、冯等姓，以疍民定居居多。三大姓氏先祖于南宋时从韶关南雄珠玑巷分别迁移至广东顺德陈村和番禺沙湾，南宋端平至淳祐年间再迁移该地。传统居民为疍家茅寮。从20世纪60年代开始实行茅寮砖屋化，疍家茅寮于80年代基本消失。",
        },
        {
          key: "基本情况",
          value: "以工业为经济发展来源，特色产业为种植香蕉、甘蔗。",
        },
        {
          key: "集体经济收入情况",
          value:
            "我村经济平稳发展，不断探索创新发展壮大村级集体经济的有效形式，建立村级集体经济发展的长效机制，通过出租市场、厂房、商铺，发包鱼塘、土地，收取企业管理费等多途径增加村级集体可支配收入，2022年，我村经济总收入约为1478万元，经济发展态势良好。",
        },
        {
          key: "基础设施",
          value:
            "村内基础设施完善，村内道路硬底化已完成100%，村民出行非常便利；自来水集中供水到户，户户通自来水；农业生产灌溉设施完善，闸梪安排专人管理；村内建有垃圾收集点一个，生活污水处理器4个，集中处理村内生活污水。",
        },
        {
          key: "公共服务",
          value:
            "村内有健全的公共服务体系，能满足人们日益增长的物质与文化需求。村内建有一所小学、一所幼儿园，为本村及邻村适龄儿童上学提供场所；一座大同公园及一个党建口袋公园，为周边居民提供休闲娱乐场所；一个农贸市场，为村民的购物提供便利，市场内建有公厕及篮球场；公共交通便利，村内设置有三个公交站，村主要道路设置免费的公共停车位。",
        },
        {
          key: "基层治理",
          value:
            "党建引领村级各项工作。近年来，大同村积极实施党建引领村级各项工作，在乡村振兴工作、疫情防控工作、旧村庄更新改造项目、河涌拆违、垃圾分类、城中村治理等工作中坚持党的领导，加强基层组织建设，深化农村综合改革，深入实施乡村振兴战略，推动村集体经济发展，努力实现“农业强、农村美、农民富”的奋斗目标。",
        },
        {
          key: "获得荣誉",
          value:
            "近年来，大同村共获得以下荣誉：\n2017年，荣获“平安村居”称号；\n2017年，荣获“广东省卫生村”称号；\n2018年，荣获“先进集体”称号；\n2019年，荣获“2019年度南沙区东涌镇先进党组织”称号；\n2019年，荣获南沙区“先进党组织”称号；\n2021年，荣获东涌镇“爱心单位”称号；\n",
        },
      ],
    };
  },
  methods: {
    close() {
      pubsub.publish("closeIntroduction");
    },
  },
};
</script>

<style lang="less" scoped>
.main {
  background-image: ~"url(@{app-images-root}/content_bg3.png)";
  background-size: 100% 100%;
  width: 480 * 3px;
  height: 320 * 3px;
  position: absolute;
  z-index: 9999;
  top: 15%;
  left: 20%;
  > div {
    background-color: rgba(6, 19, 31, 0.6);
    position: relative;
    width: 95%;
    left: 2.5%;
    height: 93%;
    top: 3.5%;
  }
  .close {
    color: white;
    font-weight: bold;
    font-size: 200%;
    position: absolute;
    right: 1%;
    top: 1%;
    background-color: #1296db;
    padding: 1px 5px;
    border-radius: 5px;
  }
}
.title1 {
  height: 6%;
  color: white;
  font-size: 300%;
  font-weight: bold;
  text-align: center;
  position: relative;
  top: 0.5%;
  padding-top: 0.5%;
  > span {
    background-color: #1296db;
    padding: 0.2% 1%;
    border-radius: 15px;
  }
}
.contentContainer {
  //   background-color: aliceblue;
  height: 94%;
  width: 100%;
  padding: 0% 0.5%;
  overflow-y: scroll;
  > .imgContainer {
    > img {
      margin-top: 2.5%;
    }
  }
  > .textContainer {
    > div {
      padding: 1% 0%;
      > .title2 {
        width: 1412/4px;
        height: 140/4px;
        background-image: ~"url(@{app-images-root}/button_bg6.png)";
        background-size: 100% 100%;
        color: white;
        font-size: 180%;
        font-weight: bold;
        padding-left: 1.2%;
        color: #f4ea2a;
      }
      > .content {
        color: white;
        font-size: 150%;
        font-weight: bold;
        margin: 0.4% 0%;
      }
    }
  }
}
.contentContainer::-webkit-scrollbar {
  width: 5px;
}

.contentContainer::-webkit-scrollbar-thumb {
  background: #1296db;
  border-radius: 50px;
}

.contentContainer::-webkit-scrollbar-track {
  background: transparent;
}
</style>